@charset "utf-8";

//适配方案
$designWidth: 1080;
@function pxToRem($px){
	@return $px / 108 * 1rem;
}

// 浏览器前缀补全
@mixin prefixer($property, $value){
	@each $prefix in -webkit-,-moz-,-ms-,-o-,''{
		#{$prefix}#{$property}: $value;
	}
}

*{
	margin: 0;
	padding: 0;
}
body{
	background: #e6da93;
}
img{
	display: block;
	width: 100%;
	border: 0;
	vertical-align: top;
}
a{
	text-decoration: none;
}

.mt30{
	margin-top: pxToRem(30) !important;
}

// main
.share-act{
	width: 100%;
	padding-bottom: pxToRem(30);
	section{
		.btns{
			position: relative;
			width: 100%;
			a{
				position: absolute;
				top: 0;
				left: 50%;
				display: block;
				width: pxToRem(353);
				height: pxToRem(160);
				margin-left: pxToRem(-176.5);
				text-align: center;
				background: url(../images/btn_bg.png) no-repeat;
				background-size: contain;
				img{
					display: inline-block;
					width: pxToRem(191);
					height: pxToRem(160);
				} 
			}
		}
	}
}

// tips 提示层
.tips{
	position: fixed;
	top: 50%;
	left: 50%;
	color: #fff;
	background: rgba(0,0,0,0.8);
	@include prefixer(transform, translate(-50%, -50%));
	border-radius: pxToRem(12);
	font-size: pxToRem(48);
	padding: pxToRem(30) pxToRem(80);
	@include prefixer(transition, all .2s ease);
	white-space: nowrap;
	z-index: 9999;
}

// share 提示层
.share-notice{
	display: none;
	img{
		position: fixed;
		top: pxToRem(10);
		right: pxToRem(10);
		width: pxToRem(520);
		height: pxToRem(272);
		z-index: 99;
	}
}